<template>
  <div id="app">
    <Loading v-show="isShowLoading"/>
    <keep-alive>
      <router-view/>
    </keep-alive>
    <Footer v-show="$route.meta.showFooter"/>
  </div>
</template>

<script>
import { mapState } from 'vuex'
import Loading from './components/Loading/Loading'
import Footer from './components/Footer/Footer'

export default {
  name: 'App',
  components: {
    Loading,
    Footer
  },
  data() {
    return {}
  },
  computed: {
    ...mapState({
      isShowLoading: state => state.loading.isShowLoading
    })
  },
  methods: {}
}
</script>

<style lang="less">
#app {
  width: 100%;
  height: 100%;
}
</style>

